body, ul, p {
    margin: 0;
    padding: 0;
    /*background: #f6f6f8;*/
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

.content {
    width: 70%;
    height: 800px;
    margin: 10px auto;
    /*background: #69BC41;*/
}

.more {
    width: 140px;
    height: 308px;
}

.directory {
    width: 140px;
    height: 42px;
    /*border-right-color: #eee;*/
    background: #fbfafb;
    text-align: center;
    line-height: 40px;
    /*border-top: 1px solid gray;*/
    border-bottom: 1px solid gray;
}

.more_1 {
    /*text-align: center;*/
    /*line-height: 40px;*/
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.a {
    width: 776px;
    /*height: 400px;*/
    display: none;
    /*background:cadetblue;*/
    position: absolute;
    top: 60px;
    left: 385px;
}

.a2 {
    display: block;
}

/*.directory:hover .a {*/
/*display: block;*/
/*}*/

.mt {
    /*width: 100px;*/
    height: 44px;
}

.mt_3 {
    width: 100%;
    height: 40px;
    border-bottom: 2px solid gray;
}

.mt_l {
    /*float: left;*/
    font-size: 18px;
    /*border-bottom: 1px solid grey;*/
}

.on {
    color: #333;
    float: left;
    border-bottom: 2px solid #00d7c6;
}

/*.content .directory .a .mt_3 .mt .mt_1 .on{*/
/*border-bottom: 2px solid orange;*/
/*}*/

.wa {
    /*float: left;*/
}

.on span {
    color: #00d7c6;
    margin-left: 6px;
    /*float: left;*/
    /*border-bottom: 2px solid grey;*/
}

.mt_2 {
    width: 780px;
    height: 40px;
    background: white;
    border-bottom: 1px solid grey;
}

.on_1 {
    width: 100px;
    font-size: 16px;
    float: left;
    /*background: white;*/
    text-align: left;
}

.on_2 {
    float: left;
    margin-top: 4px;
    margin-right: 20px;
}

.on_3 {
    font-size: 14px;
    float: left;
    margin-left: 100px;
}

.on_4 {
    font-size: 12px;
    float: left;
    margin-left: 100px;
    color: #00d7c6;
}

.on_5 {
    float: right;
    font-size: 12px;
    margin-right: 15px;
}

.on_6 {
    float: right;
    font-size: 12px;
    margin-right: 38px;
}

.content .directory .a .mt_3 .mt_4 {
    float: left;
}

/*.content .directory .a .mt_3 .vsm {*/
/*float: right;*/

/*}*/
.content .directory .a .mt_3 .vsm .img {
    margin-top: 10px;
    margin-left: 25px;
    margin-right: 10px;
}

.content .directory .a .mt_3 .vsm .vsm_1 {
    float: right;
    font-size: 12px;
}

.content .directory .a .mt_3 .vsm .explain {
    color: gray;
}

.content .directory .a .mt_3 .vsm .explain_1 {
    color: #9fa3b0;
}

.content .directory .a .mt_3 .vsm .explain_2 {
    display: none;
}

.explain_1:hover {
    color: #00d7c6;
}

.content .directory .a .myStates {
    width: 100%;
    height: 40px;
    background: #fbfafb;
    margin-top: 20px;
}

.content .directory .a .myStates .o_n {
    width: 100px;
    height: 100%;
    float: left;
    font-size: 14px;
    color: gray;
    text-align: center;
    line-height: 40px;
    /*background: orange;*/
    border-right: 1px solid gray;
}

.content .directory .a .myStates .o_n_1 {
    width: 100px;
    height: 100%;
    float: left;
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: 40px;
    background: #00d7c6;
    border-right: 1px solid gray;
}

.content .directory .a .e {
    width: 100%;
    height: 100px;
    /*background: #00d7c6;*/
    border: 1px solid #9fa3b0;
    margin-top: 20px;
}

.content .directory .a .e .li {
    float: left;
    width: 270px;
    height: 100%;
    /*background: #48525d;*/
}

.content .directory .a .e .li .zhn {
    font-size: 16px;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

.content .directory .a .e .li .xz {
    font-size: 16px;
    color: #00d7c6;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

.content .directory .a .e .li .gs {
    font-size: 14px;
    float: left;
    margin-left: 20px;
}

.content .directory .a .e .l2 {
    width: 150px;
    height: 100%;
    /*background: #00c65d;*/
    float: left;
    margin-left: 60px;
    border-right: 1px solid grey;
}

.content .directory .a .e .l2 .rq {
    margin-top: 10px;
    font-size: 14px;
    float: left;
}

.content .directory .a .e .l2 .jl {
    font-size: 12px;
    float: left;
}

.content .directory .a .e .blue {
    width: 150px;
    height: 100%;
    /*background: #00c65d;*/
    margin-left: 20px;
    float: left;
}

.content .directory .a .e .blue .label {
    font-size: 12px;
    color: grey;
    float: left;
    margin-top: 10px;
}

.content .directory .a .e .blue .p {
    font-size: 12px;
    color: #00d7c6;
    float: left;
    margin-top: 10px;
}

.content .directory .a div .a1 {
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}

.content .directory .a div .span_1 {
    font-size: 12px;
    color: #00d7c6;
}

.content .directory .a div .span_1 .img1 {
    margin-top: 5px;
}

/*=======================================收藏部分==========*/
.content .directory .a .mt_3 .mt_4 .mt_1 .on_7 {
    /*display: none;*/
    border-bottom: 2px solid gray;
}

.content .directory .a .el_title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fbfafb;
    margin-top: 20px;
}

.content .directory .a .el_title ul .t12 {
    float: left;
    margin-right: 150px;
    font-size: 14px;
}

.content .directory .a .el_title ul .t13 {
    float: left;
    margin-right: 180px;
    font-size: 14px;
}

.content .directory .a .el_title ul .t14 {
    float: left;
    margin-right: 120px;
    font-size: 14px;
}

.content .directory .a .el_title ul .t15 {
    float: left;
    /*margin-right: 120px;*/
    font-size: 14px;
}

.content .directory .a .el_title ul .t16 {
    float: right;
    margin-left: 100px;
    font-size: 14px;
}

.content .directory .el ul {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.content .directory .a .dw_tlc {
    width: 100%;
    /*height: 30px;*/
    overflow: hidden;
    background: #fbfafb;
}

.content .directory .a .dw_tlc ul .chall {
    float: left;
    font-size: 14px;
}

.content .directory .a .dw_tlc ul .but_sf,
.content .directory .a .dw_tlc ul .but_sq {
    float: right;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-right: 15px;
    background: #00d7c6;
    color: #fff;
    margin-top: 5px;

}
.content .directory .a .dw_tlc ul .but_sf .tu,
.content .directory .a .dw_tlc ul .but_sq .tu {
    line-height: 20px;
    position: relative;
    top: 5px;
}

/*==================================谁看过我==============*/
.content .directory .a .tit {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-left: 2px solid #00d7c6;
    margin-top: 15px;
}

.content .directory .a .tit ul .txt {
    float: left;
    margin-left: 10px;
    font-size: 18px;
}

.content .directory .a .tit ul .btn_btn {
    width: 120px;
    height: 25px;
    float: right;
    font-size: 14px;
    border: 1px solid #00d7c6;
    color: #00d7c6;
    line-height: 25px;
    text-align: center;
}

.content .directory .a .qy {
    width: 100%;
    height: 40px;
    background: #fbfafb;
    margin-top: 20px;
}

.content .directory .a .qy .em {
    /*width: 80px;*/
    /*height: 20px;*/
    padding: 0 10px;
    background: #00d7c6;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.content .directory .a .qy .em .em_1 {
    /*text-align: left;*/
    line-height: 20px;
}

.content .directory .a .qy .cname {
    font-size: 12px;
    float: left;
    margin-left: 10px;
}

.content .directory .a .txt_2 {
    width: 100%;
    height: 100px;
    margin-top: 6px;
}

.content .directory .a .txt_2 .txt_2_1 {
    width: 100%;
    overflow: hidden;
}

.content .directory .a .txt_2 .txt_2_1 .p_1 {
    font-size: 16px;
    float: left;
    margin-right: 200px;
}

.content .directory .a .txt_2 .txt_2_1 .c_666 {
    font-size: 14px;
    color: grey;
    float: left;
    margin-right: 100px;
}

.content .directory .a .txt_2 .txt_2_1 .p_p {
    float: left;
    font-size: 14px;
}

.content .directory .a .txt_2 .txt_2_1 .p_but {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #00d7c6;
    color: white;
    float: right;
    border-radius: 3px;
}

.content .directory .a .txt_2 .txt_2_2 {
    width: 100%;
    height: 30px;
}

.content .directory .a .txt_2 .txt_2_2 .p_2 {
    font-size: 14px;
    color: grey;
    float: left;
    margin-right: 30px;
}

.content .directory .a .txt_2 .txt_2_2 .c_777 {
    width: 100px;
}

.content .directory .a .txt_2 .txt_2_2 .p_dut {
    float: right;
    font-size: 14px;
}

/*==================================简历中心==============*/
.content .directory .a .mt_3 .vsm ul .vsm_2 {
    float: right;
    margin-left: 15px;
    font-size: 12px;
}

.content .directory .a .mt_5 {
    width: 100%;
    height: 30px;
    /*background: #00feff;*/
    margin-top: 10px;
    /*border-bottom: 1px solid #00feff;*/
    /*border-top: 1px solid #00feff;*/
}

.content .directory .a .mt_5 .clearfix {
    display: flex;
    justify-content: space-around;
    font-size: 12px;
}

.content .directory .a .mt_6 {
    width: 100%;
    /*height: 40px;*/
    margin-top: 5px;
    border-bottom: 1px solid #9fa3b0;
}

.content .directory .a .mt_6 .clearfix {
    display: flex;
    justify-content: space-around;
    font-size: 12px;
}

.content .directory .a .mt_6 .clearfix .l_1 {
    font-size: 16px;
    color: #333333;
    margin-left: 20px;
}

.content .directory .a .mt_7 .p_t {
    font-size: 12px;
    float: left;
}

.content .directory .a .mt_7 .p_t1 {
    font-size: 12px;
    float: left;
    clear: left
}

.content .directory .a .mt_7 .p_t2 {
    font-size: 12px;
    float: left;
    clear: left
}

.content .directory .a .mt_7 .p_t3 {
    font-size: 12px;
    float: left;
    clear: left
}

.content .directory .a .mt_8 .p_t {
    font-size: 12px;
    float: left;
    clear: left
}

.content .directory .a .mt_8 .p_t1 {
    font-size: 12px;
    float: left;
    clear: left
}

/*===================================我的51job==================*/
.content .directory .a .resume {
    width: 100%;
    border: 1px solid grey;
    overflow: hidden;
}

.content .directory .a .resume .div01 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    color: #00457D;
    /*float: right;*/
    /*margin-right: 10px;*/
    /*background: #00feff;*/
}

.content .directory .a .resume .div01 .a_11 {
    float: right;
    margin-right: 10px;
}

.content .directory .a .resume .div02 {
    width: 100%;
    margin-top: 20px;
    /*border-top: 5px solid red;*/

    /*height: 300px;*/
}

/*.content .directory .a .resume .div02 .div03{*/
/*width: 120px;*/
/*}*/
.content .directory .a .resume .div02 .div03 .imgs {
    width: 84px;
    height: 104px;
    float: left;
    margin-left: 50px;
    margin-top: 0;
    margin-right: 50px;
}

.content .directory .a .resume .div02 .rcon {
    float: left;
}

.content .directory .a .resume .div02 .btnbox {
    float: right;
    margin-top: 15px;
    margin-right: 50px;
    line-height: 29px;
}

.content .directory .a .resume .div02 .rcon .h1 ul .a_1 {
    font-size: 18px;
    float: left;
}

.content .directory .a .resume .div02 .rcon {
    width: 410px;
}

.content .directory .a .resume .div02 .rcon .h1 ul .td {
    font-size: 12px;
    float: left;
    width: 60px;
    background: #00d7c6;
    line-height: 20px;
    /*margin-top: 10px;*/
    margin: 10px 10px 0 10px;
    border-radius: 3px;
    color: white;
}

.content .directory .a .resume .div02 .rcon .h1 ul .gk {
    font-size: 12px;
    float: left;
    width: 80px;
    background: #56B1E6;
    line-height: 20px;
    margin-top: 10px;
    border-radius: 3px;
    color: white;
}

.content .directory .a .resume .div02 .rcon .h1 ul .e3 {
    float: left;
    font-size: 14px;
}

.content .directory .a .resume .div02 .rcon .h1 ul .e4 {
    float: left;
    font-size: 14px;
}

.content .directory .a .resume .div02 .btnbox .p_bnt {
    /*float: left;*/
    width: 100px;
    height: 29px;
    margin-bottom: 10px;
    background: #00d7c6;
    color: #fff;
    border: 1px solid #2ABCB9;
    cursor: pointer;
}

.content .directory .a .resume .div02 .btnbox .p_bnt1 {
    /*float: left;*/
    width: 100px;
    height: 29px;
    background: #fff;
    border: 1px solid #2ABCB9;
    cursor: pointer;
}

.content .directory .a .resume .div02 {
    overflow: hidden;
    border-bottom: 1px solid grey;
}

/*.content .directory .a .resume .div03{*/
/*width:100% ;*/
/*height: 40px;*/
/*overflow: hidden;*/
/*}*/
.content .directory .a .resume .rsl {
    width: 33%;
    height: 40px;
    float: left;
}
#jb{
    background:#00d7c6;
}
#ob{
    color:#ffffff ;
}
.content .directory .a .resume .rsl span{
    position: relative;
    bottom: 5px;
}
.content .directory .a .resume .rsl_1 span{
    position: relative;
    bottom: 5px;
}
.content .directory .a .resume .rsl_2 span{
     position: relative;
     bottom: 5px;
 }

.content .directory .a .resume .rsl_1 {
    width: 33%;
    height: 40px;
    float: left;
}

.content .directory .a .resume .rsl_2 {
    width: 33%;
    height: 40px;
    float: right;
}

.content .directory .a .resume .ab {
    width: 100%;
    /*height: 20px;*/
    display: block;
    border-right: 1px solid grey;
    /*margin: auto;*/
}







